<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/style.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/aui.css" />
		<link rel="stylesheet" href="css/my.css" />
		<link rel="stylesheet" href="js/layer/need/layer.css" />
		<style>
			.aui-tips-top{
				justify-content: center;
				align-items: center;
			}
			.aui-tips-top > div{
				text-align: center;
				position: relative;
			}
			.aui-tips-top > div.aui-after:after{
				content:'';
				display: block;
				position: absolute;
			    top: .6rem;
			    left: 1.7rem;
			    height: 1px;
			    width: 4rem;
			    background: #d8d8d8;
			}
			.aui-tips-top > div.aui-all-check:nth-of-type(2):after{
				background: #d8d8d8!important;
			}
			.aui-tips-top > div:nth-of-type(2){
				margin: 0 2rem;
			}
			.aui-tips-top > div span{
				display: inline-block;
				width: 1rem;
				height: 1rem;
				background: #d8d8d8;
				border-radius: 50%;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				color: #ffff;
				text-align: center;
				line-height: 1rem;
				font-size: .6rem;
			}
			.aui-all-check span{
				background: orange!important;
			}
			div.aui-all-check:after{
				background: orange!important;
			}
			.aui-text-title{
				line-height: 2.5;
			}
			.aui-all-teacher{
				border: 1px solid #ddd;
				overflow: hidden;
				box-shadow: 0 0 3px #dddddd;
			}
			.aui-choose-teacher{
				border: 1px solid orange;
				
			}
			.aui-choose-other{
				border: 1px solid #ddd;
				display: block;
				padding: .35rem 0;
				text-align: center;
				font-size: .6rem;
				box-shadow: 0 0 3px #dddddd;
			}
			.aui-pay-check{
				bottom: 0;
				justify-content: space-between;
				align-items: center;
				line-height: 1.8;
			}
			.aui-pay-check button{
				color: #FFFFFF;
				border-radius: 0;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				height: 1.8rem;
				line-height: 1.8rem;
			}
			.aui-tuijian{
				transform: rotate(-45deg);
			    z-index: 1;
			    left: -24px;
			    font-size: .6rem;
			    background: orange;
			    color: #fff;
			    padding: 10px 23px 3px;
			    top: -4px;
			}
			.aui-choose-teacher .aui-check-default{
				right: 0;
				top: -1px;
				background: orange;
				color: #fff;
				padding: 0 .3rem;
			}
		</style>

	</head>

	<body>
		<header class="aui-bar aui-bar-nav aui-background-white aui-position-fixed aui-bar-nav-search aui-text-default">
			<a class="aui-pull-left aui-btn" href="JavaScript:history.go(-1)">
				<span class="aui-iconfont aui-icon-left aui-text-gray aui-font-size-14"></span>
			</a>
			<div class="aui-title">
				提交作文
			</div>
		</header>
		<div class="aui-content aui-nav-search-fixed" style="margin-top:2.25rem;overflow-y:scroll ;">
			<div class="aui-padded-l-15 aui-padded-r-15">
				<div class="aui-position-relative aui-margin-t-15 aui-tips-top aui-display-flex">
					<div class="aui-all-check aui-after ">
						<span>1</span>
						<p class="aui-font-size-12 trans-eight aui-margin-t-5">上传作文</p>
					</div>
					<div class="aui-after aui-all-check">
						<span>2</span>
						<p class="aui-font-size-12 trans-eight aui-margin-t-5">提交点评</p>
					</div>
					<div>
						<span>3</span>
						<p class="aui-font-size-12 trans-eight aui-margin-t-5">等待点评结果</p>
					</div>
				</div>
				<div class="aui-margin-t-15 aui-text-title aui-font-size-14 aui-background-white aui-font-weight">
					【点评】 <span class="aui-color-three ">我的家乡</span>
				</div>
				<div class="aui-margin-t-15">
					<h3 class="aui-color-three aui-font-size-14">选择老师</h3>
					<div class="">
						<div class="aui-position-relative aui-margin-t-10 aui-padded-l-15 aui-radius-five aui-background-white aui-all-teacher aui-choose-teacher aui-padded-r-15">
							<span class="aui-tuijian aui-position-absolute">推荐</span>
							<a href="javascript:void(0)" class="aui-flex aui-padded-t-5 aui-padded-b-5 aui-width-one aui-padded-l-0">
								<div class="aui-user-img">
									<img src="images/items.jpg" alt="" id="teacher_img">
								</div>
								<div class="aui-flex-box aui-text-gray aui-text-left">
									<h2 class="aui-text-three aui-font-weight aui-font-size-14 aui-margin-b-5" id="teacher_name">沈老师</h2>
									<p class="aui-text-gray aui-font-size-12" id="teacher_age">语文老师 本科 26年教龄</p>
								</div>
							</a>	
							<span class="aui-position-absolute aui-check-default">
								<i class="aui-iconfont aui-icon-correct"></i>
							</span>
						</div>
						<!-- <div class="aui-position-relative aui-margin-t-10 aui-padded-l-15 aui-radius-five aui-background-white aui-all-teacher aui-padded-r-15">
							<a href="javascript:void(0)" class="aui-flex aui-padded-t-5 aui-padded-b-5 aui-width-one aui-padded-l-0">
								<div class="aui-user-img">
									<img src="images/user.png" alt="" >
								</div>
								<div class="aui-flex-box aui-text-gray aui-text-left">
									<h2 class="aui-text-three aui-font-weight aui-font-size-14 aui-margin-b-5">
										不知道选谁？交由系统指派
									</h2>
									
								</div>
								
							</a>	
							<span class="aui-position-absolute aui-check-default">
								<i class="aui-iconfont aui-icon-correct"></i>
							</span>
						</div> -->
							<a href="user-chooseteacher.html" class="aui-margin-t-15 aui-font-size-14 aui-choose-other aui-radius-five">
								选择其它老师
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="aui-position-fixed aui-background-white aui-display-flex aui-width-one aui-pay-check">
			<div class="aui-check-bottom aui-text-three aui-font-size-14 aui-width-five aui-padded-l-5">
				应付：<span style="color: #e2000b;">￥<span class="price_pg">38</span></span>
			</div>
			<button id="payfor" class="aui-check-bottom aui-font-size-14 aui-width-five aui-text-center" style="background: orange;">
				支付
			</button>
		</div>
		<!--支付-->	
		<div class="aui-item-content aui-pay-toggle" style="display:none;z-index: 10;">
			<div>
				<div class="aui-text-center aui-item-pay">
					<div class="aui-position-relative">
						<span class="aui-position-absolute aui-close-btn" style="right: 8px;top: 5px;">
							<i class="aui-iconfont aui-icon-close"></i>
						</span>
						<img src="images/itembuy.jpg" alt="">
						<p class="aui-font-size-20 aui-font-weight">您需支付：<span id="payprice" class="price_pg">299.00</span>元</p>
						<ul class="aui-pay-ul">
							<li>您所选购的课程价格以您选购当时网站上的价格为准。</li>
							<li>自即日起，你在本站购买的所有课程均可终身有效。</li>
							<li>购买后不满意可在会员中心-我的课程中进行退款操作。</li>
						</ul>
					</div>
					<div class="aui-margin-b-15" style="margin-top: 1.5rem;">
						<p class="aui-pay-btn" onclick="goToAlipay()"><img src="images/alipay.jpg" alt=""></p>
						<p class="aui-pay-btn aui-margin-b-10" onclick="goToWxpay()"><img src="images/wepay.jpg" alt=""></p>
						
					</div>
				</div>
			</div>
		</div>

		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/layer/layer.js"></script>
		<script src="js/righttext.js"></script>
		<script src="js/pay.js"></script>
		<script>
			$('body').on('click','.aui-all-teacher',function(){
				$(this).addClass('aui-choose-teacher').siblings().removeClass('aui-choose-teacher')
			})
			$('#payfor').click(function(){
				$('.aui-pay-toggle').fadeIn('fast')
			})
			$('body').on('click','.aui-close-btn',function(){
				$('.aui-pay-toggle').fadeOut('fast')
			})
			if(window.localStorage.getItem('image_url')){
				$('.price_pg').html(32);
			}else{
				$('.price_pg').html(10);
			}
			
		</script>
	</body>

</html>